<template>
  <div class="student-detail">
    <h3>学生详情</h3>
    <div class="detail-info" v-if="$route.query.id">
      <p>学号：{{ $route.query.id }}</p>
      <p>姓名：{{ $route.query.name }}</p>
      <p>性别：{{ $route.query.gender }}</p>
      <p>年龄：{{ $route.query.age }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'StudentDetail'
}
</script>

<style scoped>
/* .student-detail {
  margin-top: 20px;
  padding: 15px;
  border-top: 1px solid #eee;
}
.detail-info p {
  margin: 10px 0;
} */
</style>
